<!-- 2021年7月29日10:34:56 -->

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>

  <input type="button" value="button">


  <select>
    <option value="apple">apple</option>
    <option value="banana">banana</option>
    <option value="call">call</option>
    <option value="dad">dad</option>
  </select>


  <select name="test" id="select">
    <optgroup label="num">
      <option value="11" disabled>1</option>
      <option value="22" selected>2</option>
      <option value="33">3</option>
      <option value="44" label="word">4</option>
    </optgroup>
    <optgroup label="word">
      <option>a</option>
      <option>b</option>
      <option>c</option>
      <option>d</option>
    </optgroup>
    <optgroup label="汉字" disabled>
      <option value="一个">一</option>
      <option value="二个">二</option>
      <option value="三个">三</option>
      <option value="四个">四</option>
    </optgroup>
  </select>


  <fieldset>
    <legend>健康信息</legend>
    身高：
    <input type="text" /> 体重：
    <input type="text" />
  </fieldset>




  <h4>使用for方法</h4>
  <label for="male">Male</label>
  <input type="radio" name="sex1" id="male" />
  <br />
  <label for="female">Female</label>
  <input type="radio" name="sex1" id="female" />
  <h4>使用嵌套方法</h4>
  <label>Male
    <input type="radio" name="sex2" />
  </label>
  <br />
  <label>Female
    <input type="radio" name="sex2" />
  </label>


  <form action="#">
    <input list="list" name="input">
    <datalist id="list">
      <option value="1" />
      <option value="2" />
      <option value="3" />
    </datalist>
  </form>



</body>

</html>